// components/Footer/index.jsx
import { useLocation } from 'react-router-dom'
import { Bot, Mail, Phone, MapPin, Github, Twitter, Linkedin } from 'lucide-react'
import './style.css'

const Footer = () => {
  const location = useLocation()
  
  // 在面试房间页面隐藏footer
  if (location.pathname.includes('/interview/')) {
    return null
  }

  return (
    <footer className="app-footer">
      <div className="footer-container">
        <div className="footer-content">
          <div className="footer-section">
            <div className="footer-logo">
              <Bot size={28} />
              <span>AI面试官</span>
            </div>
            <p className="footer-description">
              基于人工智能的专业面试评测平台，
              为求职者提供真实、智能的面试体验。
            </p>
            <div className="social-links">
              <a href="#" className="social-link">
                <Github size={20} />
              </a>
              <a href="#" className="social-link">
                <Twitter size={20} />
              </a>
              <a href="#" className="social-link">
                <Linkedin size={20} />
              </a>
            </div>
          </div>

          <div className="footer-section">
            <h4>产品特色</h4>
            <ul className="footer-links">
              <li><a href="#">多维度评估</a></li>
              <li><a href="#">实时情绪分析</a></li>
              <li><a href="#">语音交互面试</a></li>
              <li><a href="#">专业面试报告</a></li>
            </ul>
          </div>

          <div className="footer-section">
            <h4>支持帮助</h4>
            <ul className="footer-links">
              <li><a href="#">使用指南</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">技术支持</a></li>
              <li><a href="#">隐私政策</a></li>
            </ul>
          </div>

          <div className="footer-section">
            <h4>联系我们</h4>
            <div className="contact-info">
              <div className="contact-item">
                <Mail size={16} />
                <span>support@ai-interview.com</span>
              </div>
              <div className="contact-item">
                <Phone size={16} />
                <span>400-123-4567</span>
              </div>
              <div className="contact-item">
                <MapPin size={16} />
                <span>北京市朝阳区科技园</span>
              </div>
            </div>
          </div>
        </div>

        <div className="footer-bottom">
          <div className="footer-bottom-content">
            <p>&copy; 2024 AI面试官. 保留所有权利.</p>
            <div className="footer-bottom-links">
              <a href="#">服务条款</a>
              <a href="#">隐私政策</a>
              <a href="#">Cookie政策</a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  )
}

export default Footer